<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-01 11:29:49
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-01 11:45:29
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id = 'clock'>


    </div>
    <script>
        // 实现倒计时的效果 

        function get_diff_time(t1,t2){
           // 得到兩個日期的時間戳 
            var res = Math.abs(t1.getTime()-t2.getTime());
            // console.log(res)
            // 想办法吧res 换成秒 
            // 得到的res 是一个毫秒  / 100 
            var data = Math.ceil(res / 1000);
            var day = parseInt(data / (60*60*24));
            var hour = parseInt(data  % (60*60*24) / (60*60));
            var minute = parseInt(data % (60*60) /60);
            var second = parseInt(data % 60);   
            return `${day}天${hour}小时${minute}分${second}秒`
        }

        // var t1 = new Date('2022/10/24 10:24:25');
        // var t2 = new Date();

        // document.getElementById('clock').innerHTML = get_diff_time(t1,t2); 


        // setTimeout(function(){
        //     console.log('hello world');
        // },5000)

        // 第一个参数是个函数  
        // 第二个参数是时间 毫秒为单位 

        // 过了这个时间以后我再执行这个函数 
        // 上面的就是5秒以后打印hello world 

        
        // setInterval(function(){
        //     console.log('hello world')
        // },3000);

        var t1 = new Date('2022/10/24 10:24:25');
        

        // document.getElementById('clock').innerHTML = get_diff_time(t1,t2); 

        setInterval(function(){
            var t2 = new Date(); // 每秒还要刷新当前的日期 
            var str = get_diff_time(t1,t2);
            document.getElementById('clock').innerHTML = str;
        },1000);
    </script>
</body>
</html>